<template>
    <div class="common-layout">
         <div class="block">
                日期：<el-date-picker style="width: 200px; margin-right: 20px; " v-model="value2" type="datetimerange" start-placeholder="开始时间"
                    end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss" date-format="YYYY/MM/DD ddd"
                    time-format="A hh:mm:ss" />
                    <el-button type="primary" style="border-radius:10px">查询</el-button>
                    <el-button type="primary" style="border-radius:10px">打印</el-button>
            </div>
        <div>
           
            <table style=" border: 1px rgb(242,242,242);">
                <tr style=" border: 1px solid;">
                    <td style="background-color:rgb(242,242,242);width: 50px;">序号</td>
                    <td style="background-color:rgb(242,242,242)">日期</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">护理等级变更原因</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">评估小组签字</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">变更后护理服务等级</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">变更后照护费用</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">负责人签字</td>
                    <td style="background-color:rgb(242,242,242);width: 150px;">入住者或家属签字</td>
                    <td style="background-color:rgb(242,242,242);width: 100px;">备注</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td style="width:200px ;">2022-12-12 12:12:12</td>
                    <td>严重了</td>
                    <td>潘香</td>
                    <td>4级</td>
                    <td>321</td>
                    <td>刘能</td>
                    <td>李卡卡</td>
                    <td></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>2022-12-12 12:12:12</td>
                    <td>严重了</td>
                    <td>潘香</td>
                    <td>4级</td>
                    <td>321</td>
                    <td>刘能</td>
                    <td>李卡卡</td>
                    <td></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>2022-12-12 12:12:12</td>
                    <td>严重了</td>
                    <td>潘香</td>
                    <td>4级</td>
                    <td>321</td>
                    <td>刘能</td>
                    <td>李卡卡</td>
                    <td></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>2022-12-12 12:12:12</td>
                    <td>严重了</td>
                    <td>潘香</td>
                    <td>4级</td>
                    <td>321</td>
                    <td>刘能</td>
                    <td>李卡卡</td>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>
</template>
    
    
<script lang="ts" setup>
import { Search } from "@element-plus/icons-vue";
import { ref } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { ElNotification } from "element-plus";
import type { TabsPaneContext } from 'element-plus'

const activeName = ref('first')
const value2 = ref('')
const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
const value = ref("")
const labelPosition = ''

const time = [{
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
},]

</script>
    
    
<style scoped>
.common-layout {
    width: 1200px;
    height: 1000px;
}
.block{
    position: relative;
    top: -600px;
    margin-bottom: 20px;
}
table {
    text-align: center;
    margin-top: -600px;
    width: 1250px;
    height: 400px;
}

.header {
    width: 1000px;
    height: 300px;
    background-color: aliceblue;
}

.el-menu-demo {
    width: 1150px;
}

.el-menu-item {
    width: 150px;
}

td {
    border: 1px solid rgb(242, 242, 242);
}

.one {
    width: 800px;
    height: 100px;
}

img {
    width: 100px;
    height: 100px;
}

span {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}

.img {
    float: left;
    border-radius: 10px;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

.i {
    width: 70px;
    height: 70px;
}</style>